<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>
<link rel="stylesheet" href="./BMW.css">
<link rel="stylesheet" href="./css/detail.css">
<link rel="stylesheet" href="./css/common.css">
<style>
    .tab_list ul {
        margin-top: 20px;
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 40px;
        text-align: center;
        line-height: 40px;
    }

    .tab_list ul li {
        float: left;
        display: block;
        list-style: none;
        padding-left: 10px;
        padding-right: 10px;
        color: #8e8e8e;
        cursor: pointer;
    }

    .tab_list ul li.current {
        border-bottom: 4px solid #0094ff;
        font-size: 16px;
        color: #262626;
        font-weight: bold;
    }
    .tab_list>ul{
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .s_list>ul{
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

    .no_current {
        transition: all .5s;
    }

    .no_current:hover {
        transform: scale(1.08);
    }
    .item_content{
        display: flex;
        justify-content: space-between;
        padding-left: 150px;
        box-sizing: border-box;
        margin-top: 20px;
    }
    .item_left_content img{
        width: 460px;
        height: 260px;
    }
    .item_left_content{
        position: relative;
    }
    .icon_pos{
        position: absolute;
        left: 0;
        top: 0;
        font-size: 120px;
        color: #ccc;
        font-weight: bold;
    }
    .desc,.button{
        text-align: left;
    }
    .button{
        display: flex;
        justify-content: space-between;
    }
    .isD{
        margin-right: 10%;
    width: 40%;
    max-width: 160px;
    height: 40px;
    line-height: 40px;
    margin-top: 12px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: #6d6d6d;
    color: #FFF;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    }
    .isY{
        width: 40%;
    max-width: 160px;
    height: 40px;
    line-height: 40px;
    margin-top: 12px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: #1c69d4;
    color: #FFF;
    display: inline-block;
    transition: all .5s;
    cursor: pointer;
    }
    .isD:hover{
        transform: scale(1.2);
    }
    .isY:hover{
        transform: scale(1.2);
    }
    .item_left_content img{
        transition: all .5s;
    }
    .item_left_content img:hover{
        transform: scale(1.15);
    }
</style>

<body>

    <div class="">
         
	<div class="pos_f">
        <div id="header">
            <img src="./logodesign.png" width="224"height="64" >
            </div>
            <div  id="nav">
                <ul class="ulnav">
                    <li class="linav"><a href="#">PERFORMANCE</a></li>
                    <li class="linav"><a href="#">PRICE</a></li>			
                    <li class="linav"><a href="./dy_car.html">NEWS</a></b></li>
                    <li class="linav"><a href="#">TYPE</a>
                                        
                    </li>
                    
                    <li class="linav"><a href="./BMW.html">BRAND</a>
                                        
                    </li>										
                </ul>			
            </div>	
    </div>
    </div>
    <!-- 配置  详情 -->
    <div class="san_zuida">
        <div class="san_da" style="position: sticky;top: 0;">
            <div class="san_yi">
                <div class="san_chuang">全新BMW</div>
                <div class="san_kong"></div>

                <div class="san_xiang"><a href="./BMW.html" class="" title=""><b>概述</b></a></div>
                <div class="bian">
                    <a href="./detail.html" class="aaa" title="">
                        <div class="san_pei"><b>详情</b></div>
                    </a>
                    <a href="#" class="aaa" title="">
                        <div class="san_gai"><b>配置</b></div>
                    </a>

                </div>

            </div>
        </div>
    </div>
    <div class="main">
        <h1>BMW全部车型</h1>
        <!-- tabList -->
        <div class="tab_list">
            <ul>
                <li class="current">按车系查看</li>
                <li>按类别查看</li>
                <li>按条件筛选</li>
                <li>车辆对比</li>
            </ul>
            <div class="tab_con">
                <div class="item" style="display: block;">
                    <!-- 车系分类开始 -->
                    <div class="s_list">
                        <ul>
                            <li class="current">不限</li>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>X</li>
                            <li>Y</li>
                            <li>M</li>
                        </ul>
                        <div class="tab_con">
                            <div class="items" style="display: block;">
                                <!-- 车系 不限 item -->
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw2.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">1</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw3.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">2</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting2.png" alt="">
                                    </div>
                                </div>
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw4.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">3</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw5.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">4</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting2.png" alt="">
                                    </div>
                                </div>
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw2.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">5</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw1.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">6</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting2.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="items no_data" style="display: none;">
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw3.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">1</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="items no_data" style="display: none;">
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw4.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">2</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="items no_data" style="display: none;">
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw5.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">3</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting2.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw1.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">4</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw2.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">5</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting2.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw3.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">6</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw4.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">7</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting2.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw5.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">8</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw1.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">X</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw2.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">Y</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="items no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw3.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">M</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>

                        </div>
                    </div>
                    <!-- 车系分类结束 -->
                </div>
                <div class="item no_data" style="display: none;">
                    <!-- 类别分类开始 -->
                    <div class="s_list_c">
                        <ul>
                            <li class="current">不限</li>
                            <li>四门轿车</li>
                            <li>双门轿跑车</li>
                            <li>旅行车</li>
                            <li>SAV</li>
                            <li>高性能跑车</li>
                            <li>高性能SAV</li>
                            <li>性能轿跑车</li>
                        </ul>
                        <div class="tab_con">
                            <div class="itemsc" style="display: block;">
                                <div class="items" style="display: block;">
                                    <!-- 车系 不限 item -->
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw2.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">1</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw3.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">2</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw4.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">3</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw5.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">4</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw2.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">5</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw1.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">6</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="items no_data" style="display: none;">
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw3.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">1</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="items no_data" style="display: none;">
                                    <div class="item_content">
                                        <div class="item_left_content">
                                            <img src="./bmw4.png" alt="">
                                            <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                            <div class="desc">车型售价￥205,800起</div>
                                            <div class="button">
                                                <div class="isD">了解详情</div>
                                                <div class="isY">预约试驾</div>
                                            </div>
                                            <span class="icon_pos">2</span>
                                        </div>
                                        <div class="item_right_content">
                                            <img src="./setting.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="itemsc no_data" style="display: none;">
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw2.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">2</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="itemsc no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw2.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">X</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="itemsc no_data" style="display: none;">
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw2.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">M</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="itemsc no_data" style="display: none;">
                                <div class="item_content">
                                    <div class="item_left_content">
                                        <img src="./bmw2.png" alt="">
                                        <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                        <div class="desc">车型售价￥205,800起</div>
                                        <div class="button">
                                            <div class="isD">了解详情</div>
                                            <div class="isY">预约试驾</div>
                                        </div>
                                        <span class="icon_pos">5</span>
                                    </div>
                                    <div class="item_right_content">
                                        <img src="./setting.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="itemsc no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw2.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">6</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="itemsc no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw2.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">Y</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                            <div class="itemsc no_data" style="display: none;"> <div class="item_content">
                                <div class="item_left_content">
                                    <img src="./bmw2.png" alt="">
                                    <div class="desc"><span style="font-size: 18px;font-weight: bold;">BMW 1系</span> 运动轿车</div>
                                    <div class="desc">车型售价￥205,800起</div>
                                    <div class="button">
                                        <div class="isD">了解详情</div>
                                        <div class="isY">预约试驾</div>
                                    </div>
                                    <span class="icon_pos">2</span>
                                </div>
                                <div class="item_right_content">
                                    <img src="./setting.png" alt="">
                                </div>
                            </div></div>
                        </div>
                    </div>
                    <!-- 类别分类结束 -->
                </div>
                <div class="item no_data" style="display: none;">按条件筛选</div>
                <div class="item no_data" style="display: none;">车辆对比</div>

            </div>
        </div>
    </div>
     
    <div class="jiu_zuida">
        <div class="jiu_da">
            <div class="jiu_yu">
                <div class="jiu_jia">
                    <a href="#" class="" title="预约试驾"><img src="./方向盘1.png" alt="" class="fangxiang"></a>
                </div>
                <div class="jiu_yi"><b>预约试驾</b></div>
            </div>
            <div class="jiu_zu">
                <div class="jiu_jia">
                    <a href="#" class="" title="咨询销售信息"><img src="./信息.png" alt="" class="fangxiang"></a>
                </div>
                <div class="jiu_yi"><b>咨询销售信息</b></div>
            </div>
            <div class="jiu_suo">
                <div class="jiu_jia">
                    <a href="#" class="" title="索取产品手册"><img src="./3手册.png" alt="" class="fangxiang"></a>
                </div>
                <div class="jiu_yi"><b>索取产品手册</b></div>
            </div>
            <div class="jiu_cha">
                <div class="jiu_jia">
                    <a href="#" class="" title="查找经销商"><img src="./查找4.png" alt="" class="fangxiang"></a>
                </div>
                <div class="jiu_yi"><b>查找经销商</b></div>
            </div>
            <div class="jiu_lian">
                <div class="jiu_jia">
                    <a href="#" class="" title="联系我们"><img src="./联系5.png" alt="" class="fangxiang"></a>
                </div>
                <div class="jiu_yi"><b>联系我们</b></div>
            </div>
        </div>
    </div>
    <div id="space3"></div>
    <section id="footer">
        <a class="zh" href="#">
            <p>车型介绍</p>
        </a>
        <a class="zh" href="#">
            <p>品牌故事</p>
        </a>
        <a class="zh" href="#">
            <p>价格咨询</p>
        </a>
        <a class="zh" href="#">
            <p>性能测试</p>
        </a>
        <a class="zh" href="#">
            <p>联系我们</p>
        </a>
    </section>
    <div id="space4">
        <p>Copyright © CAR中国 | 京ICP备12029670号-1 京公网安备 11010502031597号 隐私政策</p>

    </div>

</body>
<script>
    // 1.选项卡，点击某一个，突出显示 其余不变 修改类名的方式
    // 获取元素
    var tab_list = document.querySelector('.tab_list');
    var lis = tab_list.querySelectorAll('li');
    var items = document.querySelectorAll('.item');
    // for循环绑定事件
    for (var i = 0; i < lis.length; i++) {
        // 开始给五个li设置索引号
        lis[i].setAttribute('index', i);
        lis[i].onclick = function () {
            // 其余的li清除class这个类
            for (var i = 0; i < lis.length; i++) {
                lis[i].className = 'no_current';
            }
            // 留下我自己
            this.className = 'current';
            // 2.下面的显示内容模块
            var index = this.getAttribute('index');
            console.log(index);
            // 干掉所有人，让其余的item这些div隐藏
            for (var i = 0; i < items.length; i++) {
                items[i].style.display = 'none';
            }
            items[index].style.display = 'block';
        }
    }
    // 按=车系查看
    // 1.选项卡，点击某一个，突出显示 其余不变 修改类名的方式
    // 获取元素
    var s_list = document.querySelector('.s_list');
    var liss = s_list.querySelectorAll('li');
    var itemss = document.querySelectorAll('.items');
    // for循环绑定事件
    for (var i = 0; i < liss.length; i++) {
        // 开始给五个li设置索引号
        liss[i].setAttribute('index', i);
        liss[i].onclick = function () {
            // 其余的li清除class这个类
            for (var i = 0; i < liss.length; i++) {
                liss[i].className = 'no_current';
            }
            // 留下我自己
            this.className = 'current';
            // 2.下面的显示内容模块
            var index = this.getAttribute('index');
            console.log(index);
            // 干掉所有人，让其余的item这些div隐藏
            for (var i = 0; i < itemss.length; i++) {
                itemss[i].style.display = 'none';
            }
            itemss[index].style.display = 'block';
        }
    }
    // 按类别
    // 按=车系查看
    // 1.选项卡，点击某一个，突出显示 其余不变 修改类名的方式
    // 获取元素
    var s_list = document.querySelector('.s_list_c');
    var lissc = s_list.querySelectorAll('li');
    var itemssc = document.querySelectorAll('.itemsc');
    // for循环绑定事件
    for (var i = 0; i < lissc.length; i++) {
        // 开始给五个li设置索引号
        lissc[i].setAttribute('index', i);
        lissc[i].onclick = function () {
            // 其余的li清除class这个类
            for (var i = 0; i < lissc.length; i++) {
                lissc[i].className = 'no_current';
            }
            // 留下我自己
            this.className = 'current';
            // 2.下面的显示内容模块
            var index = this.getAttribute('index');
            console.log(index);
            // 干掉所有人，让其余的item这些div隐藏
            for (var i = 0; i < itemssc.length; i++) {
                itemssc[i].style.display = 'none';
            }
            itemssc[index].style.display = 'block';
        }
    }
</script>


</html>